Context API (1/8)
Discuss Context api?
    The Context API is used to manage a global state that needs to be accessed by multiple components in a React application. Context provides a way to pass data through the component tree without having to pass props down manually at every level. In a typical React application, data is passed top-down (parent to child) via props, but such usage can be cumbersome for certain types of props (e.g. locale preference, UI theme) that are required by many components within an application. Context provides a way to share values like these between components without having to explicitly pass a prop through every level of the tree.
    • The nearest common ancestor could be far removed from the components that need data, and lifting state up that high can lead to a situation called “prop drilling”. Context api solves that.
    • Context lets the parent component make some information available to any component in the tree below it—no matter how deep—without passing it explicitly through props.
    • Context lets a parent—even a distant one!—provide some data to the entire tree inside of it.